<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
    
<!--
    jQuery Sandbox Template
    Author: Tom at klenwell@gmail.com
    Date: $Date$
    URL: http://code.google.com/p/klenwell/
-->

<title>Javascript Sandbox</title>

<!-- META TAGS -->
<meta name="keywords" content="keywords, go, here" />
<meta name="description" content="a descripton of the page" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- <meta http-equiv="refresh" content="600" /> -->
<!-- <meta http-equiv="refresh" content="3;url=URL" /> -->

<!-- LINKS: css, javascript, favicon -->
<link rel="shortcut icon" href="/workshop/favicon.ico" type="image/x-icon" />

<!-- Google JS APIs: http://code.google.com/apis/ajaxlibs/ -->
<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("jquery", "1.2.6");
  google.load("jqueryui", "1.5.3");
</script>

<!-- CSS -->
<style type="text/css">
/* initialize */
h1, h2, h3, h4, h5, h6 { margin:.5em 0; padding:0; }
p, pre, blockquote, ul, ol, dl, address { margin: .5em 0; padding: 0; }
ul li { list-style:none; margin-left:.5em; }
form, fieldset { margin: 0; padding: 0; }
dd, blockquote { margin-left: .5em; }
form label { cursor: pointer; }
img, fieldset { border: none; }
input, select, textarea { font-size: 100%; }
table { border-collapse:collapse; }
td { vertical-align:top; }
.clear { clear:both; }
.ok { color:green; }
.fail { color:red; }
</style>

<!-- JAVASCRIPT -->
<script type="text/javascript">
</script>

</head>
<!-- *** END DOCUMENT HEAD *** -->



<!-- *** START BODY *** -->
<body>
<div class="page" id="page_id">

<h2>jQuery Sandbox</h2>

<div id="sandbox" class="fail">
<a href="http://docs.jquery.com/Main_Page">jQuery</a> is not enabled
</div>

<h5>
    <script type="text/javascript">document.write('<span class="ok">javascript is enabled</span>');</script>
    <noscript><span class="fail">javascript is disabled<span></noscript>
</h5>

<h6>use <a href="http://getfirebug.com/">firebug</a> to test interactively</h6>

<script type="text/javascript">
$(document).ready( function() {
    console.log("replaced sandbox content:", $('#sandbox').html());
    $('#sandbox').html('<a href="http://docs.jquery.com/Main_Page">jQuery</a> is enabled');
    $('#sandbox').removeClass('fail');
    $('#sandbox').addClass('ok');
});
</script>

</div>

</body>
